<template>
  <div>
    <h1>爷爷</h1>
    <p>
      {{ theme }}
    </p>
    <ChildComponent />
  </div>
</template>

<script setup>
import ChildComponent from './ChildComponent.vue'
import { provide, ref } from 'vue'

const theme = ref('dark')

provide('theme', theme)
</script>
